<template>
    <van-swipe :autoplay="3000" lazy-render>
        <van-swipe-item v-for="image in images" :key="image">
            <img style="width: 100%; height: 200px;" :src="image" />
        </van-swipe-item>
    </van-swipe>
    <img v-for="i in data" v-lazy="img" />


    <van-card v-for="i in data" 
    :boolean="true" :price="i.price" :desc="i.desc" :title="i.title" :thumb="i.src" />

</template>

<script setup>
import { ref } from 'vue'
let data = [
    {price:'2130',desc:'防控技术的开发',title:'魅族 21 Note',src:'/public/img/屏幕截图 2025-01-03 143801.png'},
     {price:'2130',desc:'防控技术的开发',title:'魅族 21 Note',src:'/public/img/屏幕截图 2025-01-03 143801.png'},
      {price:'2130',desc:'防控技术的开发',title:'魅族 21 Note',src:'/public/img/屏幕截图 2025-01-03 143801.png'},
       {price:'2130',desc:'防控技术的开发',title:'魅族 21 Note',src:'/public/img/屏幕截图 2025-01-03 143801.png'},
]
const images = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
];


</script>

<style>
.van-card{
    width: 50%;
    height: 200px;
   float: left;
}

</style>